<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../static/common/src/reset.css">
    <style>
        .content{
            margin:0 auto;
            /*background: green;*/
            width: 1425px;
            height: 786px;
            position: relative;
        }
        .banner{
            height: 786px;
            background: url("../static/images/index/index-banner.jpg") no-repeat center;
        }
        .navbox{
            width: 100%;
            position: absolute;
            top: 0;
            left: 0;
        }
        .imgbox{
            float: left;
            margin-left: 140px;
        }
        .imgbox img{
            margin-top: 21px;
        }
        .nav{
            float: right;
            margin-top: 38px;
            margin-right: 123px;
        }
        .navbox .nav li{
            /*padding: 0 20px;*/
            margin-right: 40px;
            color: white;
            font-size: 16px;
            display: inline-block;
            position: relative;
        }
        .navbox .nav li a.cur:before{
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background: #fff;
            top:22px;
        }
        .navbox .nav li a:hover:before{
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background: #fff;
            top:22px;
        }
        .module-nav .nav li{
            /*padding: 0 20px;*/
            margin-right: 40px;
            font-size: 16px;
            display: inline-block;
            position: relative;
        }
        .module-nav .nav li a.cur:before{
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background: #666;
            top:22px;
        }
        .module-nav .nav li a:hover:before{
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background: #666;
            top:22px;
        }
        .module-nav{
            height: 98px;
        }
        .nav li a{
            text-decoration: none;
        }
        .module-product{
            margin: 30px auto;
            height: 450px;
            width: 1210px;
        }
        .product-item{
            float: left;
            width: 30%;
            margin-bottom: 60px;
            margin-right: 26px;
        }
        .product-desc{
            width: 396px;
        }
        .product-desc a{
            font-size: 16px;
            line-height: 26px;
            display: block;
            text-align: center;
            white-space: nowrap;
        }
        .product-desc .area{
            font-weight: bold;
        }
        .product-desc .name{
        }

        .module-desc{
            background: rgb(246,246,246);
            margin:0 auto;
        }
        .module-desc .descimg1{
            float: left;
            margin-right: 80px;
        }
        .module-desc .descimg2{
            float: right;
            margin-left: 80px;
        }
        .descbox{
            height: 500px;
            width: 1210px;
            overflow: hidden;
            margin: 0 auto;
            padding-top: 90px;
        }
        .descinfo-up{
            margin-left: 640px;
            width: 523px;
            padding-right: 30px;
        }
        .descinfo-up h3{
            text-align: left;
            font-size: 36px;
            padding-bottom: 30px;
            line-height: 39px;
        }
        .descinfo-up p{
            font-size: 16px;
            color: #333;
            line-height: 30px;
        }
        .descinfo-down{
            margin-right: 640px;
            width: 523px;
        }
        .descinfo-down h3{
            text-align: left;
            font-size: 36px;
            padding-bottom: 30px;
            line-height: 39px;
        }
        .descinfo-down p{
            font-size: 16px;
            color: #333;
            line-height: 30px;
        }


        .module-process{
            margin:70px auto 40px; 
            width:1210px;
        }
        .module-process h1{
            font-size: 36px;
            text-align: center;
        }
        .itemlist{
            overflow: hidden;
            width: 1210px;
            margin-top: 40px;
        }
        .module-process .item{
            float:left;
            margin-bottom: 20px;
        }
        .module-process .itemcenter{
            float:left;
            margin: 0 104.5px 20px 121.5px;
        }
        .module-process .item p{
            text-align: center;
            font-size: 18px;
            line-height: 18px;
        }
        .module-process .itemcenter p{
            text-align: center;
            font-size: 18px;
            line-height: 18px;
        }



        .module-show{
            background: #f7f7f7;
        }
        .showbox{
            margin:0 auto;
            width: 1210px;
        }
        .module-show h1{
            text-align: center;
            font-size: 34px;
            line-height: 1;
            padding: 70px 20px 40px;
        }
        .module-show p{
            width: 780px;
            margin: 0 auto;
            padding-top: 20px;
            text-align: center;
            font-size: 16px;
            line-height: 30px;
        }

        .module-umf{
            margin:0 auto;
            width: 1210px;
        }
        .module-umf h1{
            text-align: center;
            font-size: 36px;
            padding-top: 70px;
        }
        .module-umf p{
            text-align: center;
            font-size: 22px;
            line-height: 1;
            padding-top: 30px;
        }
        .module-umf img{
            display: block;
            margin: 40px auto 0;
        }

        .module-umfwhy{
            background: #f7f7f7;
        }
        .whybox{
            width: 1210px;
            margin:0 auto;
            padding: 70px 0 63px;
        }
        .whybox h3{
            text-align: center;
            font-size: 34px;
            line-height: 1;
        }
        .whybox p{
            padding-top: 20px;
            text-align: center;
            font-size: 16px;
            line-height: 30px;
            width: 780px;
            margin: 0 auto;
        }
        .whybox .txt{
            text-align: center;
            font-size: 34px;
            line-height: 1;
            padding-top: 70px;
        }
        .whybox img{
            display: block;
            margin:70px auto 0;
        }

        .module-consult{
            margin:0 auto;
            width: 1210px;
        }
        .data-left{
            display: inline-block;
            width: 603px;
            border-right: 1px solid #e6e6e6;
            vertical-align: top;
        }
        .data-right{
            vertical-align: top;
            display: inline-block;
            width: 602px;
        }
        .consultbox{
            padding-top: 67px;
            padding-bottom: 80px;
        }
        .consultbox .title{
            font-size: 22px;
            color: #222;
            padding-bottom: 35px;
        }
        .consultbox .txt-title{
            font-size: 16px;
            color: #222;
            line-height: 30px;
        }
        .consultbox .txt{
            font-size: 14px;
            color: #666;
            line-height: 30px;
            letter-spacing: 0.8px;
        }
        .consultbox .txt-row{
            padding-bottom: 40px;
        }
        .consultbox .detail{
            font-size: 16px;
            color: #832a88;
            float: right;
        }
        .leftbox{
            padding-right: 56px;
        }
        .rightbox{
            padding-left: 56px;
        }


        .module-link{
            background: #363739;
        }
        .module-link .content{
            width: 1210px;
            margin:0 auto;
            height: 50px;
            line-height: 50px;
            padding: 54px 0 64px;
            font-size: 14px;
            color: #fff;
        }
        .module-link .pic img{
            width: 137px;
            height: 43px;
            float: left;
        }
        .module-link .desc{
            float: right;
            text-align: right;
            line-height: 22px;
        }


        .module-line{
            background: #303030;
        }
        .module-line .contain{
            margin: 0 auto;
            padding: 22px 0;
            width: 1210px;
        }
        .module-line .name{
            padding: 0 10px;
            font-size: 12px;
            line-height: 24px;
            color: #fff;
        }

        .module-line .divider{
            font-size: 12px;
            line-height: 24px;
            color: #b4b4b4;
        }

    </style>
</head>
<body>
    <div class="content">
        <div class="banner"></div>
        <div class="navbox">
            <a class="imgbox" href=""><img src="../static/images/logo.png" alt=""></a>
            <ul class="nav">
                <li><a class="cur" href="index.html">首页</a></li>
                <li><a href="">产品</a></li>
                <li><a href="brandstory.html">品牌故事</a></li>
                <li><a href="">UMF监管</a></li>
                <li><a href="">资讯</a></li>
            </ul>
        </div>
        
        <div class="module-nav">
            <a class="imgbox" href=""><img src="../static/images/logo.png" alt=""></a>
            <ul class="nav">
                <li><a class="cur" href="index.html">首页</a></li>
                <li><a href="">产品</a></li>
                <li><a href="brandstory.html">品牌故事</a></li>
                <li><a href="">UMF监管</a></li>
                <li><a href="">资讯</a></li>
            </ul>
        </div>

        <div class="module-product">
            <div class="product-item">
                <div class="product-img">
                    <a href=""><img src="../static/images/index/index-goods-1.jpg" alt=""></a>
                </div>
                <div class="product-desc">
                    <a class="area" href="">新西兰原产Taku塔库麦卢卡蜂蜜</a>
                    <a class="name" href="">UMF5+500g养胃养颜</a>
                </div>
            </div>
            <div class="product-item">
                <div class="product-img">
                    <a href=""><img src="../static/images/index/index-goods-1.jpg" alt=""></a>
                </div>
                <div class="product-desc">
                    <a class="area" href="">新西兰原产Taku塔库麦卢卡蜂蜜</a>
                    <a class="name" href="">UMF5+500g养胃养颜</a>
                </div>
            </div>
            <div class="product-item">
                <div class="product-img">
                    <a href=""><img src="../static/images/index/index-goods-1.jpg" alt=""></a>
                </div>
                <div class="product-desc">
                    <a class="area" href="">新西兰原产Taku塔库麦卢卡蜂蜜</a>
                    <a class="name" href="">UMF5+500g养胃养颜</a>
                </div>
            </div>
        </div>

        <div class="module-desc">
            <div class="descbox">
                <div class="descimg1">
                    <img src="../static/images/index/index-show-1.jpg" alt="">
                </div>
                <div class="descinfo-up">
                    <h3>新西兰国宝麦卢卡蜂蜜</h3>
                    <p>
                        新西兰国宝级蜂蜜——麦卢卡蜂蜜内含有一般蜂蜜所没有的UMF活性因子，具有强大抗氧化能力，其天然强效抗菌消炎成分，可增强免疫系统，舒缓炎症，有效治疗机体创伤，促进伤口自然愈合，尤其在对胃肠道的调养方面有极佳表现。
                    </p>
                </div>
            </div>
            <div class="descbox">
                <div class="descimg2">
                    <img src="../static/images/index/index-show-2.jpg" alt="">
                </div>
                <div class="descinfo-down">
                    <h3>Taku Honey 品牌概括</h3>
                    <p>
                        Taku Honey为新西兰毛利家族拥有的公司，位于卡塔尼亚，管理和养殖大约2363公顷的优质土地，长期以来放置大量蜂箱，专注于生产品质卓越的麦卢卡蜂蜜。Taku Honey的创始人秉承着尊重毛利传统、敬畏自然馈赠的经营理念。在蜜源方面，其蜂蜜采集地位于新西兰人迹罕至的粗犷原野，加工过程中坚持保留纯天然、不添加的麦卢卡蜂蜜品质。
                    </p>
                </div>
            </div>
        </div>

        <div class="module-process">
            <h1 class="title">Taku Honey 麦卢卡蜂蜜生产工艺</h1>
            <div class="itemlist">
                <div class="item">
                    <img src="../static/images/index/index-working-1.png" alt="">
                    <p>1、放置蜂箱</p>
                </div>
                <div class="itemcenter">
                    <img src="../static/images/index/index-working-2.png" alt="">
                    <p>2、采蜜</p>
                </div>
                <div class="item">
                    <img src="../static/images/index/index-working-3.png" alt="">
                    <p>3、分离</p>
                </div>
                <div class="item">
                    <img src="../static/images/index/index-working-6.png" alt="">
                    <p>6、灌装</p>
                </div>
                <div class="itemcenter">
                    <img src="../static/images/index/index-working-5.png" alt="">
                    <p>5、膏化</p>
                </div>
                <div class="item">
                    <img src="../static/images/index/index-working-4.png" alt="">
                    <p>4、过滤</p>
                </div> 
            </div>
        </div>

        <div class="module-show">
            <div class="showbox">
                <h1 class="title">产品展示</h1>
                <img src="../static/images/index/index-show-goods.jpg" alt="">
                <p>UMF代表着麦卢卡蜂蜜功效程度，蜂蜜颜色越深，UMF活性越高。TAKU蜂蜜产自北岛几乎零污染的原始森林，人迹罕至，造就了自然纯净的麦卢卡蜂蜜。</p>
            </div>
        </div>

        <div class="module-umf">
            <h1>UMF协会认证</h1>
            <p>TAKU为UMFHA协会的正式会员，每一瓶蜂蜜都经过严格检测达标。</p>
            <img src="../static/images/certificate.jpg" alt="">
        </div>

        <div class="module-umfwhy">
            <div class="whybox">
                <h3>什么是UMF?</h3>
                <p>UMF ( Unique Manuka Factor ) ，又称独麦素，只有采自新西兰独有的麦卢卡树的蜂蜜，才含有这种高效的活性成份。UMF®是新西兰爱卢卡蜂蜜协会UMFHA授权给协会会员使用的商标标志，用来规范保证麦卢卡蜂蜜的品质。只有合格的真正新西兰麦卢卡蜂蜜才能贴UMF®认证标志。</p>

                <h3 class="txt">Taku麦卢卡蜂蜜包装</h3>
                <img src="../static/images/index/index-pack.jpg" alt="">
            </div>
        </div>

        <div class="module-consult">
            <div class="consultbox">
                <div class="data-left">
                    <div class="leftbox">
                        <div class="title">Taku蜂蜜TIPS</div>
                        <div class="txt-row">
                            <div class="txt-title">Taku蜂蜜食用方式</div>
                            <p class="txt">1.抹面包</p>
                            <p class="txt">2.烹饪</p>
                            <p class="txt">3.蜂蜜水果茶</p>
                            <p class="txt">4.直接食用</p>
                        </div>
                        <div class="txt-row">
                            <div class="txt-title">温馨提示</div>
                            <p class="txt">1.蜂蜜颜色随批次不同略有变化，为正常现象</p>
                            <p class="txt">2.蜂蜜结晶为正常现象，请放心食用</p>
                            <p class="txt">3.18个月以下婴儿不宜食用</p>
                            <p class="txt">4.麦卢卡蜂蜜食用时指数并不是越多越好哦，要根据自身情况选择合适数值的UMF蜂蜜</p>
                        </div>
                        <a href="" class="detail">了解更多内容 ></a>
                    </div>
                </div>
                <div class="data-right">
                    <div class="rightbox">
                        <div class="title">Taku麦卢卡资讯</div>
                        <div class="txt-row">
                            <div class="txt-title">1、melita蜂蜜结晶好还是不结晶好？蜂蜜结晶问题答疑解惑 </div>
                            <p class="txt">相信很多购买到结晶蜂蜜的消费者都会有这一系列的疑惑，蜂蜜为什么会结晶？melita蜂蜜结晶好还是不结晶好？</p>
                        </div>
                        <div class="txt-row">
                            <div class="txt-title">2、新西兰麦卢卡melita蜂蜜真假辨别方法及小窍门分享 </div>
                            <p class="txt">作为全球比较知名的蜂蜜品牌，近年来屡屡被爆造假。那么我们在购买新西兰麦卢卡melita蜂蜜时，该要怎么来辨别真假？</p>
                        </div>
                        <div class="txt-row">
                            <div class="txt-title">3、新西兰麦卢卡蜂蜜的正确吃法及用量 </div>
                            <p class="txt">麦卢卡蜂蜜因其独有的“独麦素”而备受广大消费者喜爱，大家在争先购买后，大多有这样的疑问，新西兰麦卢卡蜂蜜的正确吃法是什么？</p>
                        </div>
                        <a href="#" class="detail">了解更多内容 ></a>
                    </div>
                </div>
            </div>
        </div>

        <div class="module-link">
            <div class="content">
                <a href="index.html" class="pic">
                    <img src="../static/images/ft-logo.png" alt="">
                </a>
                <div class="desc">
                    <p class="name">Melita麦卢卡蜂蜜</p>
                    <p class="name">备案号：沪ICP备14024930号</p>
                    <p class="name">食品流通许可证：SP3101151414200025</p>
                </div>
            </div>
        </div>


        <div class="module-line">
            <div class="contain">
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">世界工厂</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">黎明重工</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">世界工厂</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">黎明重工</a>
                    <span class="divider">|</span>
                    <a href="" class="name" target="_blank">上海喜地</a>
            </div>
        </div>
    </div>
</body>
</html>